<?php include("../vlieg/includes/config.php"); ?>
<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <!-- Use the .htaccess and remove these lines to avoid edge case issues.
       More info: h5bp.com/i/378 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>Vliegticketsgoedkoop</title>
  <meta name="description" content="">

  <!-- Mobile viewport optimized: h5bp.com/viewport -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

  <link rel="stylesheet" href="../vlieg/css/styling.css">
  <link type="text/css" href="css/vlieg-theme/jquery-ui-1.8.22.custom.css" rel="stylesheet" />

  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

  <!-- All JavaScript at the bottom, except this Modernizr build.
       Modernizr enables HTML5 elements & feature detects for optimal performance.
       Create your own custom Modernizr build: www.modernizr.com/download/ -->
  <script src="js/libs/modernizr-2.5.3.min.js"></script>

</head>
<body>
  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> <a href="http://browsehappy.com/">Upgrade to a different browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">install Google Chrome Frame</a> to experience this site.</p><![endif]-->
  <header>
	<div id="headerwrap">
		<div id="headertop">
			<div id="logo">
				<div class="logo"></div>
				<div class="vliegticketsLogo">Vliegtickets</div>
				<div class="vliegticketsLogo2">goedkoop.nl</div>
			</div>
			<div class="headerlinks">
				<ul class="headermenu">
					<li>contact</li>
					<li>over ons</li> 
					<li>klantenservice</li>
				</ul>
			</div>
		</div>
	<div id="menu">
		   <ul class="menuitems">
               <a href="index.php"> <li class="aanbieding home"><div class="aanbiedingLink " style="color:#FFF;">Home</div></li></a>
               <a href="populaire-bestemmingen.php"> <li class="aanbieding"><div class="aanbiedingLink" style="color:#FFF;">Populaire bestemmingen</div></li></a>
				<a href="populaire-bestemmingen.php"><li class="aanbieding"><div  class="aanbiedingLink" style="color:#FFF;">Aanbiedingen</div></li></a>
			</ul>
		</div>
	</div>
	
  </header>
  <div  id="main" role="main">
		<div id="populaireSteden" style="width:auto; height:150px; background-color:#F6F6F6;">
			<h1>Populaire steden</h1>	
			
				<?php 
				echo '<div style="float:left;">';
				echo "<ul class=\"steden\">";
				$query = "SELECT C.country_name, X.city_name FROM cities as X
     							JOIN countries as C
								ON X.id_country = C.id_country
								AND article = 1
								AND X.populair = 1 ORDER BY X.city_name";
								
				$result = mysql_query($query);
				$i = 0;
				while ($city = mysql_fetch_array($result)){
					$x = $i / 4;
					if(is_int($x) && $x != 0){
						echo"</ul></div>";
						echo '<div class="popSteden"><ul>';
						
					}
					echo "<li><a href=\"index.php?country=".strtolower($city['country_name']) ."&city=".strtolower($city['city_name'])." \">".$city['city_name']."</a></li>";
					$i++;
				}
				echo "</ul></div>";
			?>
			
		</div>
		<br class="clear"/>
		<div id="geschrevenArtikelen">
			<h1>Populaire landen</h1>
			<div style="float:left;">
			<ul class="landen">
			<?php 
				$query = "SELECT  id_city, countries.id_country,
								country_name,city_name
								from cities,countries 
								where article = 1 AND  countries.id_country= cities.id_country";
				$result = mysql_query($query);
				$i = 0;
				
				while ($country = mysql_fetch_array($result)){
					$x = $i / 21;
					if(is_int($x) && $x != 0){
						echo"</ul></div>";
						echo '<div class="popSteden"><ul>';
						
					}
					if($prevcountry != $country['country_name']){
						echo "<li><a href=\"index.php?country=".strtolower($country['country_name'])." \">".$country['country_name']."</a></li>";
						$prevcountry = $country['country_name'];
					}
					$i++;
				}
			?>
			</ul>
			</div>
		</div>
  </div>
  <footer>
	<div id="bottom" class="shadow">
		<div id="bottomwrapper">
			<div id="why">
				<span class="whyVlieg">Waarom VliegticketsGoedkoop?</span>
				<div class="advantages">
					<div class="checked"><img src="images/check.png"></div>
					<div class="checkedText">Goedkoper is niet mogelijk!</div>
				</div>
				<br/>
				<div class="advantages">
					<div class="checked"><img src="images/check.png"></div>
					<div class="checkedText">Geen reisbureau kosten!</div>
				</div>
				<br/>
				<div class="advantages">
					<div class="checked"><img src="images/check.png"></div>
					<div class="checkedText">Meer dan 700 airlines!</div>
				</div>
			</div>
		</div>
		
		<div class="smallDeal">
			<img src="images/shopping.png"/>
			<div class="smallOverlap">
			<div class="smalldealPricing">
					<div class="smalldealVA">&euro;699,-</div>
					 <div class="smallDealPrice">	<a href="#" class="discoverThisDeal">Winkelen in New York >></a></div>
			</div>
			</div>
		</div>
		
		<div class="smallDeal">
			<img src="images/uitwaaien.png"/>
			<div class="smallOverlap">
			<div class="smalldealPricing">
					<div class="smalldealVA">&euro;99,-</div>
					<div class="smallDealPrice2"><a href="#" class="discoverThisDeal">Uitwaaien op het strand >></a></div>
			</div>
			</div>
		</div>
	<br class="clear"/>
	
		<div id="rate" class="shadow">
			<div class="whatIsTitle">Beoordeel Vliegticketsgoedkoop.nl</div>
			<div class="whatIsText">
			Vliegticketsgoedkoop is bedoordeelt door <u>7</u> personen met 
			<b>4.3</b> van de <b>5</b> sterren!
			</div>
		</div>
		
		<div id="info" class="shadow">
			<div class="whatIsTitle">Beoordeel Vliegticketsgoedkoop.nl</div>
			<div class="whatIsText">Lorem Ipsum is slechts een proeftekst uit het drukkerij- en zetterijwezen. Lorem Ipsum is de standaard proeftekst in deze bedrijfstak sinds de 16e eeuw, toen een onbekende drukker een zethaak met letters nam en ze door elkaar husselde om een font-catalogus te maken. Het heeft niet alleen vijf eeuwen overleefd maar is ook, vrijwel onveranderd, overgenomen in elektronische letterzetting. Het is in de jaren '60 populair geworden met de introductie van Letraset vellen met Lorem Ipsum passages en meer recentelijk door desktop publishing software zoals Aldus PageMaker die versies van Lorem Ipsum.
			</div>
		</div>
	</div>
	<div id="footer">
		<div class="smallLogo"><img src="images/smallLogo.gif"/></div>
		<div class="footerMenu">
			<ul>
				<li>Home</li>
				<li>|</li>
				<li>Populaire bestemmingen</li>
				<li>|</li>
				<li>Contact </li>
			</ul>
		</div>
	</div>
  </footer>

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.7.1.min.js"><\/script>')</script>

  <!-- scripts concatenated and minified via build script -->
  <script src="js/plugins.js"></script>
  <script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
  <script src="js/jquery-ui-1.8.21.custom.min.js" type="text/javascript"></script>
  <script src="js/jquery.ui.timeslider.js"> </script>
  <!-- end scripts -->

  <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
       mathiasbynens.be/notes/async-analytics-snippet -->
  <script>
    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g,s)}(document,'script'));
  </script>

</body>
</html>